
.rs-icons-picker{
    display: inline-block;
    position: relative;
    line-height: normal;
    height: 40px;
    .rs-icons-picker__trigger {
        display: inline-block;
        box-sizing: border-box;
        height: 40px;
        width: 40px;
        padding: 4px;
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        font-size: 0;
        position: relative;
        cursor: pointer;
        .rs-icons-picker-wrap{
            position: relative;
            display: block;
            box-sizing: border-box;
            border: 1px solid #999;
            border-radius: 2px;
            width: 100%;
            height: 100%;
            text-align: center;
            .icon{
                top: 50%;
                left: 50%;
                font-size: 16px;
                position: absolute;
                color: #555;
                transform: translate3d(-50%,-50%,0);
            }
        }
    }
}

.rs-icons-picker--medium{
    height:36px;
    .rs-icons-picker__trigger{
        height:36px;
        width: 36px;
    }
}

.rs-picker-drop-down{
    background-color: #FFF;
    border: 1px solid #EBEEF5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    padding: 5px 0;
    .el-scrollbar{
        position: absolute;
        top:5px;
        left:0;
        right:0;
        bottom:5px;
        >.wrap{
            position: absolute;
            height: auto !important;
            top: 0;
            left: 0;
            bottom: 0 !important;
            right: 0 !important;
        }
        .icon-rows{
            height:42px;
        }
        .icon-item{
            display: inline-block;
            padding:5px;
            >.icon-wrap{
                position: relative;
                display: block;
                //margin-bottom: 10px;
                border: 1px solid #ccc;
                border-radius: 4px;
                width: 32px;
                height: 32px;
                >.icon{
                    position: absolute;
                    top:50%;
                    left:50%;
                    transform: translate3d(-50%,-50%,0);
                    font-size: 24px;
                    line-height: 1;
                    color:#555;
                }
                &::before{
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    border-radius: 4px;
                    top:0;
                    left:0;
                    content: ' ';
                    //background-color: red;
                }
                &:hover{
                    &::before{
                        background-color: #EBEEF5;
                    }
                    &>.icon{
                        color:#333;
                    }
                }
            }
            >.title{
                display: inline-block;
                font-size: 14px;
            }
        }
    }
}
